<template>
  <div class="menu_bg">
    <div class="mehu_con">
      <router-link to="/" class="logo"><img style="width: 300px;height: 70px" src="@img/5d215a9ccedae0.02854273.png"></router-link>
      <ul class="menu">
        <li>
          <router-link active-class="menu_cur" to="/Home">Home</router-link>
        </li>
<!--        <li>-->
<!--          <router-link active-class="menu_cur" to="/1">Stock</router-link>-->
<!--        </li>-->
<!--        <li>-->
<!--          <router-link active-class="menu_cur" to="/2">Products</router-link>-->
<!--        </li>-->
        <li>
          <router-link active-class="menu_cur" to="/About/">About</router-link>
        </li>
<!--        <li>-->
<!--          <router-link active-class="menu_cur" to="/4">Contact</router-link>-->
<!--        </li>-->
        <div class="clear"></div>
      </ul>

      <div class="tel_email">
        <div class="ico_tel">
          <router-link to="tel:0086-18926584883">0086-18926584883</router-link>
        </div>
        <div class="ico_email">
          <router-link to="mailto:admin@hk-running.cn">admin@hk-running.cn</router-link>
        </div>
        <div class="clear"></div>
      </div>
    </div>
  </div>
</template>

<style lang="scss" scoped>
.menu {
  padding: 25px;
}
</style>